import React, { Component } from 'react';
import { Text, View, Button, FlatList, Image, Dimensions } from 'react-native';

export default class ListThreePage extends Component {
  render() {
    return (
      <FlatList
        data={[
          { key: 'https://cdn.pixabay.com/photo/2019/04/16/21/25/guacamaya-4132823_960_720.jpg' },
          { key: 'https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=77d1cd475d43fbf2da2ca023807fca1e/9825bc315c6034a8ef5250cec5134954082376c9.jpg' },
          { key: 'https://image.uisdc.com/wp-content/uploads/2014/07/085627nLP.jpg' },
          { key: 'https://ss1.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=a9e671b9a551f3dedcb2bf64a4eff0ec/4610b912c8fcc3cef70d70409845d688d53f20f7.jpg' },
          { key: 'https://cdn.labs.topbook.cc/topbook/img/%E6%97%A0%E8%81%8A%E7%BD%91%E7%AB%991.jpg' },
          { key: 'https://cdn.labs.topbook.cc/topbook/img/g0199.jpg' },
          { key: 'https://cdn.labs.topbook.cc/topbook/img/y137.jpg' },
          { key: 'https://cdn.labs.topbook.cc/picx013.jpg' },
          { key: 'https://cdn.pixabay.com/photo/2019/04/17/14/54/mosque-4134459_960_720.jpg'},
          { key: 'https://ss3.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=b5e4c905865494ee982209191df4e0e1/c2cec3fdfc03924590b2a9b58d94a4c27d1e2500.jpg'},
          { key: 'https://ss3.baidu.com/-fo3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=e66a62bae324b899c13c7f385e071d59/d52a2834349b033b95e7b4601fce36d3d539bd19.jpg'},
          { key: 'https://ss1.baidu.com/-4o3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=b9a9d2dbf9deb48fe469a7dec01e3aef/b812c8fcc3cec3fdb850efcfdc88d43f87942719.jpg'},
          { key: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558006622058&di=b52324b303f60371db0a49df98bfc2fc&imgtype=0&src=http%3A%2F%2Fa.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2F0ff41bd5ad6eddc40189fc4133dbb6fd52663319.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2015/06/08/14/59/woman-801806__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/07/23/22/13/sea-2532974__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/04/25/22/31/tree-2261027__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/08/01/12/04/people-2564803__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2014/01/16/08/06/skyscrapers-246224__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2015/09/18/11/37/lightning-945430__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/03/05/15/16/charleston-4036370__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/08/18/16/21/geese-2655516__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/04/10/20/20/cherry-blossom-4118102__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/06/19/13/grow-4183977__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/04/10/18/36/botswana-2219379__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2018/08/02/22/48/dunes-3580666__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2016/11/19/11/01/jellyfish-1838613__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/06/19/48/china-4184088__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/04/17/14/54/mosque-4134459__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/12/11/04/mixer-4197733__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/06/14/24/baked-4183225__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/01/09/53/lake-4170403__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/05/16/21/45/coffee-2319107__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2017/12/29/11/14/adult-3047316__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/06/09/24/budapest-4182585__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/05/00/46/red-robin-bush-4179474__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2014/04/14/20/11/japanese-cherry-trees-324175__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/11/09/14/night-4195327__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/06/07/40/sailing-vessel-4182424__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/09/09/44/oldtimer-4190813__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/11/16/53/anemone-4196064__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/14/00/51/rabbit-4201218__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/11/09/14/mountain-4195328__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/10/20/27/dragons-4194437__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/13/17/01/margarite-4200393__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/10/08/33/stone-house-4193002__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/14/00/49/cygnet-4201217__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/09/09/45/oldtimer-4190817__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/11/06/32/hahn-4195195__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/13/10/00/flowers-4199586__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/13/17/01/apple-blossoms-4200394__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/02/18/47/park-4174278__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/14/00/48/heron-4201216__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/10/06/22/vulture-4192858__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/09/16/00/fantasy-4191425__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/11/20/44/free-climbing-4196577__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/12/18/42/bellflower-4198678__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/12/18/42/spierstrauch-4198677__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/11/08/15/plumbago-4195263__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/12/17/49/the-walls-of-the-4198581__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/13/11/41/sprig-4199706__340.jpg'},
          { key: 'https://cdn.pixabay.com/photo/2019/05/10/13/25/tulip-4193515__340.jpg'},
        ]}
        renderItem={
          ({item}) =>
          <View>
            <Text>{item.key}</Text>
            <Image style={{width: Dimensions.get('window').width, height: 230, resizeMode:'contain'}} source={{uri: item.key}}/>
          </View>
        }
      />
    );
  }
}
